<ion-header class="opacity-header">
  <ion-toolbar class="opacity-toolbar">
    <ion-buttons slot="start">
      <ion-button color="light" (click)="goBack()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title class="opacity-title">盛融贷</ion-title>
    <ion-buttons slot="end">
      <ion-button [routerLink]="['/auth/system-message']">
        <ion-icon name="mail-unread"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content [scrollEvents]="true" (ionScroll)="scrollHandler($event)">
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
        pullingText="下拉刷新"
        refreshingText="加载中...">
    </ion-refresher-content>
  </ion-refresher>
  <!-- 顶部图片 -->
  <img class="loan-top" src="assets/imgs/loan_top.png">
  <!-- 借款流程 -->
  <section class="item-box">
    <header>
      <span class="item-type color-blue">申请借款流程</span>
      <span float-right class="color-orange">点击对应步骤可进行操作</span>
    </header>
    <article class="item-content">
      <dl class="loan-progress-box">
        <!-- 登录 -->
        <dd [class.progress-completed]="isLogin">
          <div class="progress-date">
            <span>
              {{isLogin ? '已完成' : '未完成'}}
            </span>
          </div>
          <div class="progress-v-bar">
            <span class="v-bar-dot">1</span>
            <span class="v-bar-line"></span>
          </div>
          <div class="progress-content">
            <span class="progress-status">
              {{isLogin ? '已登录' : '未登录'}}
            </span>
            <a class="progress-detail" [routerLink]="['/login']">会员登录</a>
          </div>
        </dd>
        <!-- 遍历其它步骤 -->
        <dd *ngFor="let flow of flowchart | keyvalue; last as isLast" [class.progress-completed]="flow.value['isDone'] || (flow.key === '6' && flow.value['canUse'])">
          <div class="progress-date">
            <span *ngIf="!flow.value['excuteDate'];else timeBlock">
              {{(flow.key !== '6' && flow.key !== '7' && flow.key !== '8') ? '未开始' : flow.value['canUse'] ? '已开始' : '未开始'}}
            </span>
            <ng-template #timeBlock>
              <span>{{flow.value['excuteDate']['time'] | date:'yyyy'}}</span>
              <span>{{flow.value['excuteDate']['time'] | date:'MM-dd'}}</span>
            </ng-template>
          </div>
          <div class="progress-v-bar">
            <span class="v-bar-dot">{{flow.key}}</span>
            <span class="v-bar-line" *ngIf="!isLast"></span>
          </div>
          <div class="progress-content">
            <span class="progress-status">
              <div *ngIf="flow.key !== '7' && flow.key !== '8'; then thenBlock;else elseBlock"></div>
              <ng-template #thenBlock>
              {{flow.value['isDone'] ? '已完成' : (flow.key === '6' && flow.value['canUse']) ? '可上传' : ''}}
              </ng-template>
              <ng-template #elseBlock>
              {{!flow.value['isDone'] ? '' : flow.value['status'] > 0 ? '已完成' : flow.value['status'] < 0 ? '未完成' : '审核中'}}
              </ng-template>
            </span>
            <a class="progress-detail" disabled="true" (click)="doUndo(flow.value, flow.key)">{{flow.value['comment']}}</a>
          </div>
        </dd>
      </dl>
    </article>
  </section>
  <!-- 注意事项 -->
  <dl class="custom-list custom-item-list">
    <dt class="color-blue">
      <ion-icon name="information-circle" color="tertiary"></ion-icon>借款注意事项
    </dt>
    <dd>
      <p>1、提交认证资料后何时开始审核？</p>
      <p>答：确认您的必要认证资料已上传齐全，才会为您提交审核。您的借款申请将于3个工作日内为您审核完成。</p>
    </dd>
    <dd>
      <p>2、如何联系借款审核人员？</p>
      <p>答：您无需主动联系审核员，审核员在需要时会主动联系您。如遇特殊情况时，客户经理将致电与您沟通，您也可以联系客服寻求帮助。</p>
    </dd>
    <dd>
      <p>3、申请借款被拒绝的原因是什么？</p>
      <p>答：可能的原因有：<br>
        1. 您的年龄暂不符合借款要求（22-55周岁）。<br>
        2. 您本人不符合申请人身份条件。<br>
        3. 您的工作年限或经营时间不符合申请条件。<br>
        4. 您的企业或网店不符合申请条件。<br>
        5. 您的月收入或月交易额不符合申请条件。<br>
        6. 您在审核过程中未配合完成补充资料或信息核实工作，或您主动放弃申请。<br>
        7. 审核人员对您的身份信息、工作信息、信用记录、还款能力等进行审核后认为您目前综合评分不足，暂时不符合借款要求。</p>
    </dd>
    <dd>
      <p>4、在规定期限内，项目未满标，怎么办？</p>
      <p>答：出借人的投标金额会自动返还到出借人的账户内，借款人可以重新向平台发起借款申请。截至目前，盛融贷还未发生过流标状况。</p>
    </dd>
    <dd>
      <p>5、借款费用是多少？</p>
      <p>答：1、借款管理费<br>
        依据借款人所处行业与资质条件，借款综合费率相当于借款本金的年化16%～24%之间；<br>
        2、提前还款违约金<br>
        提前还款违约金费率为1%，还款时收取，计算公式为：剩余本金*费率；<br>
        3.逾期罚息与管理费<br>
        普通逾期罚息费率为每天0.015%，管理费费率为0.01%；严重逾期罚息费率为每天0.025%，管理费费率为0.015%<br>
        计算公式为：逾期本息总额*（罚息费率+管理费费率）*天数；<br>
        注：以上费用封顶为本金的年化24%。</p>
    </dd>
    <dd>
      <p>6、借款的电子合同是什么情况？</p>
      <p>答：项目满标复审通过后，系统会自动生成借款合同，为双方合同。甲方为借款人，乙方为出借人，平台作为信息中介平台在合同中标准为居间方。该电子合同与纸质合同具有相同的法律效力。</p>
    </dd>
  </dl>
  <!-- 底部信息 -->
  <div class="content-bottom">
    合规运营&nbsp;&nbsp;&nbsp;风险把控&nbsp;&nbsp;&nbsp;项目完整
  </div>
</ion-content>
